{extend name="base:base" /}
{block name="body"}



<link rel="stylesheet" href="__THEME__/css/inner.css" />
<!--head end-->
<div class="obanner">
    <!-- pc端banner -->
    <img src="__THEME__/images/foucs_in06.jpg" class="hidden_xs" width="100%" alt="" />
    <!-- phone 端banners -->
    <img src="__THEME__/images/foucs_in06.jpg" class="hidden_lg" width="100%" alt="" />
</div>

<div class="bread">
    <div class="bread_text wrap">
        <span>当前位置：<a href="javascript:;">首页</a><span>&gt;</span> <a href="javascript:;">联系我们</a><span>&gt;</span> <a href="javascript:;" class="red">在线留言</a></span>
    </div>
</div>
<!--inner start -->
<div class="inner wrap clearfix">
    <aside class="left">
        <div class="navbox">
            <div class="nav-title">
                <h2>联系我们</h2>
                <span class="icon_dot"></span>
            </div>
            <div class="nav-con">
                <dl>
                    <dt class=""><span></span><a href="javascript:;">联系方式</a> </dt>
                </dl>
                <dl>
                    <dt class="left_navactive"><span></span><a href="javascript:;">在线留言</a> </dt>
                </dl>
            </div>
        </div>
    </aside>

    <div class="right">
        <div class="title"><h1>在线留言</h1>
        </div>
        <div class="content clearfix">
            <div class="guestbook">
                <form action="<?php echo my_url('index/feedback'); ?>" method="post" class="target-form">                    
                    <table style="width: 97%;" cellspacing="1" cellpadding="0">
                        <tbody>

                            <tr>
                                <td align="right">姓名：</td>
                                <td><input name="nickname" id="name" class="intxt" value="" type="text"><span>*</span></td>
                            </tr>
                            <tr>
                                <td align="right">电话：</td>
                                <td><input name="tel" id="tel" class="intxt" value="" type="text"><span>*</span></td>
                            </tr>
                            <tr>
                                <td align="right">E-mail：</td>
                                <td><input name="email" id="email" class="intxt" value="" type="text"><span>*</span></td>
                            </tr>
                            <tr>
                                <td align="right">QQ：</td>
                                <td><input name="qq" id="qq" class="intxt" value="" type="text"></td>
                            </tr>
                            <tr style="height: 110px;">
                                <td align="right">留言内容：</td>
                                <td><textarea name="content" id="content"></textarea><span>*</span></td>
                            </tr>
                            <tr>
                                <td align="right">验证码：</td>
                                <td>
                                    <input name="captcha" id="vdcode" class="intxt" style="text-transform: uppercase;" size="8" type="text">
                                    <img id="vdimgck" onclick="this.src = this.src + '?'" style="cursor: pointer;width: 160px; height: 40px;" alt="看不清？点击更换" src="{:captcha_src()}" align="absmiddle">
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <div class="guestbook-bottom">
                        <input name="submit" value="提 交" class="coolbg ajax-post" type="submit">
                        <input name="reset" value="重 置" class="coolbg" type="reset">
                    </div>
                </form>
            </div>
        </div>
    </div>

</div>
<!--inner end-->


{/block}

{block name="foot_js"}

<script type="text/javascript">
    $(function () {
        $('.ajax-post').click(function () {
            var form = $('.target-form');
            $.post(form.get(0).action, form.serialize()).success(function (res) {
                if (res.code == 0) {
                    alert('留言成功');
                    window.location.reload();
                } else {
                    alert(res.msg);
                }
            });
            return false;
        });
    });
</script>
{/block}